<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home</title>
<!-- plugins:css -->
<link rel="stylesheet" th:href="@{/node_modules/mdi/css/materialdesignicons.min.css}">
<link rel="stylesheet" th:href="@{/node_modules/perfect-scrollbar/dist/css/perfect-scrollbar.min.css}">
<!-- endinject -->
<!-- plugin css for this page -->
<link rel="stylesheet" th:href="@{/node_modules/jquery-bar-rating/dist/themes/css-stars.css}">
<link rel="stylesheet" th:href="@{/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}" />
<!-- End plugin css for this page -->
<!-- inject:css -->
<link rel="stylesheet" th:href="@{/css/style.css}">
<!-- endinject -->
<link rel="shortcut icon" th:href="@{/images/favicon.png}" />

</head>
<body>
<div class="container-scroller">

<!--顶部-->
	<div th:replace="~{commons/commons::top}"></div>

<!-- partial -->
<div class="container-fluid page-body-wrapper">
  <div class="row row-offcanvas row-offcanvas-right" >

<!--	  侧边-->
<div th:replace="~{commons/commons::cebian}"></div>


	<!-- partial -->
	<div class="content-wrapper">
	  <div class="row">
		<div class="col-md-4 stretch-card grid-margin">
		  <div class="card bg-gradient-warning text-white">
			<div class="card-body">
			  <h4 class="font-weight-normal mb-3">用户总数</h4>
			  <h2 class="font-weight-normal mb-5">[[${count[2]}]]</h2>
			</div>
		  </div>
		</div>
		<div class="col-md-4 stretch-card grid-margin">
		  <div class="card bg-gradient-info text-white">
			<div class="card-body">
			  <h4 class="font-weight-normal mb-3">歌曲总数</h4>
			  <h2 class="font-weight-normal mb-5">[[${count[0]}]]</h2>
			</div>
		  </div>
		</div>
		<div class="col-md-4 stretch-card grid-margin">
		  <div class="card bg-gradient-success text-white">
			<div class="card-body">
			  <h4 class="font-weight-normal mb-3">歌手数量</h4>
			  <h2 class="font-weight-normal mb-5">[[${count[1]}]]</h2>
			</div>
		  </div>
		</div>
	  </div>


	</div>

  </div>
  <!-- row-offcanvas ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->

<!-- plugins:js -->
<script th:src="@{/node_modules/jquery/dist/jquery.min.js}"></script>
<script th:src="@{/node_modules/popper.js/dist/umd/popper.min.js}"></script>
<script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.min.js}"></script>
<script th:src="@{/node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js}"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<script th:src="@{/node_modules/chart.js/dist/Chart.min.js}"></script>
<!-- End plugin js for this page-->
<!-- inject:js -->
<script th:src="@{/js/off-canvas.js}"></script>
<script th:src="@{/js/misc.js}"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<script th:src="@{/js/dashboard.js}"></script>
<!-- End custom js for this page-->
</body>

</html>
